<%--
  Created by IntelliJ IDEA.
  User: 徐志杰大王
  Date: 2023/9/14
  Time: 19:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<html>
<head>
    <title>支付宝支付界面</title>
    <script src="${path}/js/jquery-3.6.4.js"></script>
    <style>
        #top{
            width: 100%;
            height: 50px;
        }
        #bottom{
            width: 100%;
            height: 200px;
        }
        *{
            margin: 0px;
            padding: 0px;
        }
        body{
            background-color: #eff0f1;
        }
        #info{
            width: 800px;
            height: 50px;
            margin: 0px auto;
            margin-top: 50px;
            font: 12px/1.5 tahoma,arial,Hiragino Sans GB,\5b8b\4f53;
            position: relative;
        }
        #content{
            width: 800px;
            height: 393px;
            margin: 0px auto;
            background-color: white;
            position: relative;
        }
        #money{
            color: #ff8209;
            font-weight: 700;
            font-size: 24px;
            font-family: Arial;
            line-height: normal;
        }
        #orderMoney{
            position: absolute;
            left: 46px;
            top: 275px;
        }
        #commodityInfo{
            position: absolute;
            top: 50px;
            left: 45px;
        }
        #jianjie
        {
            position: absolute;
            left: 46px;
            top: 171px;
        }
        p{
            background-color: white;
        }
        #btn{
            position: absolute;
            bottom: 0px;
            left: 121px;
        }
    </style>
</head>
<body>
    <img src="${path}/images/zfbImg/zfbTop.png" id="top">

    <div id="info">
        北大青鸟大计开拓有限公司
    </div>

    <div id="content">
        <p id="commodityInfo">
            商品信息：孤注一掷电影票*2
        </p>
        <p id="orderMoney">
            订单金额
            <span id="money">
              50.0
            </span>
            元
        </p>
        <p id="jianjie">
            商品简介：啥可忽略手机卡沙发
        </p>
        <form action="#" method="post">
            <input type="image" src="${path}/images/zfbImg/zfbBtn.png" id="btn">
        </form>
    </div>

    <img src="${path}/images/zfbImg/zfbBottom.png" id="bottom">
</body>
</html>
